@charset "utf-8";
/* ------------ Replace in Theme.css ------------------- */
h1, h2, h3 { padding:0; margin:0 0 6px 0 }
h1 { font-size:18px; font-weight:normal; color:#555555 }



.disabled .TaskBox div.M { background:#d0d0d0 }
.disabled .TaskBox div.R { color:#d0d0d0 }

/* ------------ User Menu ------------------- */
.avatar { width:65px; height:65px; text-align:center; margin:0 0 2px 0; padding:0 5px 0 0; border:none; display: table; position:relative }
.avatar span { display:block; position:absolute; margin:0px auto; width:65px; height:65px; z-index:1; box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2)inset; -moz-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.2)inset; -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2)inset; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px }
.avatar img { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px }

.location { background:#555555 url(http://theme.instedd.org/theme/images/icons/small/white/location.png) no-repeat; color:#FFFFFF; padding:2px 3px 2px 16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px }
#achannels { color:#555555 }

.mobile { background: url(http://theme.instedd.org/theme/images/icons/small/black/mobile.png) no-repeat left; padding-left:20px }
.message { background: url(http://theme.instedd.org/theme/images/icons/small/black/message.png) no-repeat left; padding-left:20px }
.twitter { background: url(http://theme.instedd.org/theme/images/icons/small/black/twitter.png) no-repeat left; padding-left:20px }
.phone { background: url(http://theme.instedd.org/theme/images/icons/small/black/phone.png) no-repeat left; padding-left:20px }

.gmobile { background: url(http://theme.instedd.org/theme/images/icons/small/grey/mobile.png) no-repeat left; padding-left:20px }
.gmessage { background: url(http://theme.instedd.org/theme/images/icons/small/grey/message.png) no-repeat left; padding-left:20px }
.gtwitter { background: url(http://theme.instedd.org/theme/images/icons/small/grey/twitter.png) no-repeat left; padding-left:20px }
.gphone { background: url(http://theme.instedd.org/theme/images/icons/small/grey/phone.png) no-repeat left; padding-left:20px }


/* ------------ Power button ------------------- */
button.power { background:url(http://theme.instedd.org/theme/images/buttons/other/power.png) no-repeat left top; width:50px; height:20px; border:none; display:inline-block; vertical-align:middle; cursor:pointer }
button.power:hover { background:url(http://theme.instedd.org/theme/images/buttons/other/power.png) no-repeat left -30px }
button.power:active { background:url(http://theme.instedd.org/theme/images/buttons/other/power.png) no-repeat left -60px }
button.power.disabled { background:url(http://theme.instedd.org/theme/images/buttons/other/power.png) no-repeat left bottom }
button.power.on { background:url(http://theme.instedd.org/theme/images/buttons/other/power.png) no-repeat right top; width:50px; height:20px; cursor:pointer }
button.power.on:hover { background:url(http://theme.instedd.org/theme/images/buttons/other/power.png) no-repeat right -30px }
button.power.on:active { background:url(http://theme.instedd.org/theme/images/buttons/other/power.png) no-repeat right -60px }
button.power.on.disabled { background:url(http://theme.instedd.org/theme/images/buttons/other/power.png) no-repeat right bottom }


/* ------------ Watchfire ------------------- */
.LeftContent { width:620px; float:left }
.RightContent { width:310px; float:right }
#scroll { height:350px; width:289px; margin:-4px 0 -5px 0; overflow:auto; overflow-x:hidden; padding-right: 10px; }
table { width:100% }
/*table td { padding:4px; vertical-align:top }*/
table td div { display:inline-block; vertical-align:middle }
  
.listitem table { font-size:12px; width: 100%; border-collapse:collapse }
.listitem table td { padding:8px 5px; vertical-align:top; letter-spacing:-0.01em; border-top: 1px solid #eeeeee; }
.listitem table tr:hover td { background:#d0d0d0 }
.listitem table tr td:first-child { border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; width:50% }
.listitem table tr td:last-child { border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; text-align:right }
.listitem table td button { margin:0 auto }
.listitem table tr.blocked td button { background-position:right top }
.listitem table tr.blocked td { color:#999999 }
 
.smalldescription { font-size:12px; color:#555555; margin-top:-5px; padding:0; display:block }
.tgrey { color:#555555 } 
 
 
/* --------  Events Table ------------ */ 

.minactive, .Missions td.paused { color:#555555 }
.mactive span { background:#9fc643; margin-right:5px; width:10px; height:10px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px }
.mpaused span { background:#d0d0d0; margin-right:5px; width:10px; height:9px; border-top:1px solid #9c9c9c; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px }
.minactive span { background:#d0d0d0; margin-right:5px; width:10px; height:9px; border-top:1px solid #9c9c9c; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px }




/* ------------ State Display ------------------- */
.StateDisplay { text-align:center }
.StateDisplay .values { display:inline-block; width:50%; vertical-align:middle }
.StateDisplay button { display:inline-block; vertical-align:middle }
.values { font-size: 11px; letter-spacing: -0.02em; line-height:9px; padding: 2px 0; text-align: center; white-space: nowrap }
.values div.L { color: #777777; text-align:left; padding-bottom:3px; float: left }
.values div.R { color: #f86808; text-align:right; padding-bottom:3px; float: right }
.values div.L span, .values div.R span { display:block }
.values div.M { background: #f86808 }
.values div.M span { background: #777777; height: 4px; display: block; width: 40% }

.smvalues { background:#d0d0d0; font-size:11px; letter-spacing:-0.02em; line-height:9px; padding:3px; text-align: center; white-space: nowrap; width:50px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #DDDDDD }
.smvalues div.L { color: #777777; text-align:left; padding-bottom:3px; float: left }
.smvalues div.R { color: #f86808; text-align:right; padding-bottom:3px; float: right }
.smvalues div.L span, .values div.R span { display:block }
.smvalues div.M { background: #f86808; display:block !important}
.smvalues div.M span { background: #777777; height: 4px; display: block; width: 40% }


